<%@page import="com.qububu.ad.dto.TweetInfo"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%
String path = request.getContextPath();
TweetInfo tweet = (TweetInfo) request.getAttribute("tweet");
%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="	width=100%;
								initial-scale=1;
								maximum-scale=1;
								minimum-scale=1;
								user-scalable=no;">
<meta name="apple-mobile-web-app-capable" content="yes">
<title><%=tweet.getTitle() %></title>
<object style="display: none;" id="path"><%=path %></object>
<object style="display: none;" id="_ti"><%=tweet.getTweetId() %></object>
<script type="text/javascript" src="<%=path %>/resource/js/jquery/jquery-1.8.2.js"></script>
<script type="text/javascript" src="<%=path %>/resource/js/phoneTweets.min.js"></script>
<style type="text/css">
	body {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		font-family: "Microsoft YaHei", Arial;
		font-size: 1.3em
	}
	a {
		text-decoration: none;
		color: #000;
		outline: 0
	}
	a:active {
		outline: 0
	}
	.container{
		width: 100%;
		height: 100%;
		margin-bottom: 50px;
	}
	
	.toolbar{
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 45px;
		border-top: 2px solid #c1c1c1;
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#e4e4e4),color-stop(1,#bfbfbf));
	}
	
	.toolbar .next {
		position: fixed;
		z-index: 0;
		bottom: 3px;
		left: 50%;
		margin-left: -70px;
		width: 140px;
		height: 37px;
		cursor: pointer;
		border: 1px solid #006612;
		box-shadow: 0 0 2px #006612;
	}
	.mybtn{
		border-radius: 37px;
		font-size: 16px;
		color: #fff;
		line-height: 37px;
		text-align: center;
		text-shadow: 1px -1px 1px #7c7979;
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#1ac33d),color-stop(1,#06721c));
	}
	.aticle{
		width:100%;
	}
	.theme{
		width:100%;
		text-align:center;
		font-weight:blod;
		font-size:27px;
	}
	.content{
		width:100%;
		text-align:center;
	}
	.zhushi{
		width:100%;
		font-weight:blod;
		font-size:27px;
		
	}
	.zhushi span, .userReply {
		padding: 0 18px;
	}
	.reply{
		width:100%;
	}
	.userReply{
		width:100%;
	}
	.replyFrame{
		width:100%;
		display:none;
	}
	
</style>
</head>
<body>
	<div class="container">
		<div class="aticle">
			<div class="theme">
				<%=tweet.getTitle() %>
			</div>
			<br/>
			<br/>
			<div class="content">
				<%=tweet.getContent() %>
			</div>
		</div>
		<br/>
		<br/>
		<br/>
		<div class="zhushi">
			<span>用户评论区：</span>
			<hr size="2"/>
		</div>
		<div class="reply" id="reply_box">

		</div>
		<div class="toolbar">
				<a class="next mybtn" href="javascript:showReplyFrame();">
					<span style="display: block; height: 39px; font-size: 1.2em;">评论</span>
				</a>
		</div>
	</div>
	<div class="replyFrame">
		<div style="width: 100%;font-size:27px;font-weight:blod;">用户评论</div><br/>
		<textarea id="replyContent" cols="100" rows="8" style="width:100%;height:100px;"></textarea><br/><br />
		<input type="button" id="submitReply" value="发布" style="height: 25px;width:100px;margin:0px 0px 10px 5px;line-height: 20px;font-weight: bold;background-color: #b4b4bb;color: white;border: 1px solid gray;">
	</div>
</body>
</html>